<script type="text/javascript">
$(document).ready(function () {
	$("#tennhom").jqxInput({ theme:theme, height: 25, width: 200, placeHolder: "Tên nhóm"});
	$("#ngaythanhlap").jqxDateTimeInput({ theme:theme, height: 25, width: 200 });
	$("#thongtin").jqxInput({ theme:theme, height: 150, width: 540, placeHolder: "Thông tin nhóm"});
	$("#nhomnhac_thongtin").jqxValidator({ 
            focus: true,
            rules: [
                { input: '#tennhom', message: 'Không được để trống', action: 'keyup, blur', rule: 'required' },
                { input: '#thongtin', message: 'Không được để trống', action: 'keyup, blur', rule: 'required' },
                { input: '#ngaythanhlap', message: 'Năm sinh phải nhỏ hơn năm hiện tại!', action: 'valuechanged', rule: function(input, commit){
                    var date = $('#ngaythanhlap').jqxDateTimeInput('value');
                    //phai tra ve gia tri dung
                    var result = (date.getFullYear() <= new Date().getFullYear());
                    // call commit with false, when you are doing server validation and you want to display a validation error on this field. 
                    return result;
                }}
            ]
        });
        $('#nhomnhac_thongtin').on('validationSuccess', function (event) {
            $('#nhomnhac_thongtin').data("isSuccess", true);
        });
        $('#nhomnhac_thongtin').on('validationError', function (event) {
            $('#nhomnhac_thongtin').data("isSuccess", false);
        });
        
        var options = { 
        complete: function(response) 
        {
            console.log("Da up hinh len server");
        },
        error: function()
        {
            console.log("Khong the up hinh len server");
        }
        }; 

        $("#nhomnhac_anhdaidien_upload_form").ajaxForm(options);
});
</script>
<div id="nhomnhac_thongtin">
    <table>
        <tr>
            <td>
        <div id="nhomnhac_anhdaidien_tools" style="">
        <img src="#" height="165" width="165" id="nhomnhac_anhdaidien"/>
        <form id="nhomnhac_anhdaidien_upload_form" action="controllers/nhomnhac_image_uploader.php" method="post" enctype="multipart/form-data">
            <input type='file' onchange="readURL(this, 'nhomnhac_anhdaidien');" id="nhomnhac_chonanhdaidien" accept="image/*" name="anhnhomnhac"/>
            <input type="hidden" id="nhomnhac_id" value="" name="nhomnhac_id"/>
        </div>
            </td>
            <td style="vertical-align: top">
                <table>
                <form id="nhomnhac_thongtin_form">
                <tr>
                    <td colspan="2" style="text-align: center"><div style="color: red"><strong><h3>Thông Tin Nhóm Nhạc</h3></strong></div></td>
                </tr>
                <tr>
                    <td>Tên nhóm:</td>
                    <td><input type="text" id="tennhom"/></td>
                </tr>
                 <tr>
                     <td>Ngày thành lập:</td>
                     <td><div id="ngaythanhlap"></div></td>
                 </tr>
                 <tr><td><div id="nhomnhac_luotlike">Lượt like</div></td></tr>
                </table>
            </td>
        </tr>
        <tr><td colspan="2"><input type="text" id="thongtin"/><br></td></tr>
    </form>
    </table>
    <div id="thanhvien">
    <?php
        include $_SERVER['DOCUMENT_ROOT'].'/CTAN/views/NhomNhac_ThanhVien.php';
    ?>
    </div>
</div>

